<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>电信IDC业务管理系统</title>
<link rel="stylesheet" type="text/css" href="style3/style.css" />
<link rel="stylesheet" type="text/css" href="style3/btn.css" />
<script src="js/rmbUtil.js" type="text/javascript"></script>
<script src="jquery/jquery.js" type="text/javascript"></script>
<script src="jquery/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
	$.validator.setDefaults( {
		submitHandler : function() {
			alert("submitted!");
		}
	});

	$()
			.ready(
					function() {

						$("#businessForm")
								.validate(
										{
											rules : {
												feesLittle : {
													required : true,
													number : true,
													maxlength : 10
												},
												newUserID : "required",
												lastname : "required",
												username : {
													required : true,
													minlength : 2
												},
												projectName : {
													required : true
												},
												password : {
													required : true,
													minlength : 5
												},
												confirm_password : {
													required : true,
													minlength : 5,
													equalTo : "#password"
												},
												enterpriseEmail : {
													required : true,
													email : true
												},
												topic : {
													required : "#newsletter:checked",
													minlength : 2
												},
												agree : "required"
											},
											messages : {
												newUserID : "用户编号必填",
												lastname : "Please enter your lastname",
												username : {
													required : "Please enter a username",
													minlength : "Your username must consist of at least 2 characters"
												},
												projectName : "请至少选择一个受理项目",
												feesLittle : {
													required : "费用必填",
													number : "请填写数字",
													maxlength : "数额超出限制"
												},
												password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long"
												},
												confirm_password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long",
													equalTo : "Please enter the same password as above"
												},
												enterpriseEmail : "邮件地址必填",
												agree : "Please accept our policy"
											}
										});

						$("#feesLittle")
								.keyup(
										function(e) {
											var cnAmount = getChineseCurrencyString(Number(
													$("#feesLittle").attr(
															"value"))
													.toFixed(2));
											$("#feesBig").attr("value",
													cnAmount);
										});

						// propose username by combining first- and lastname
						$("#username").focus(function() {
							var firstname = $("#firstname").val();
							var lastname = $("#lastname").val();
							if (firstname && lastname && !this.value) {
								this.value = firstname + "." + lastname;
							}
						});

						//code to hide topic selection, disable for demo
						var newsletter = $("#newsletter");
						// newsletter topics are optional, hide at first
						var inital = newsletter.is(":checked");
						var topics = $("#newsletter_topics")[inital ? "removeClass"
								: "addClass"]("gray");
						var topicInputs = topics.find("input").attr("disabled",
								!inital);
						// show when newsletter is checked
						newsletter.click(function() {
							topics[this.checked ? "removeClass" : "addClass"]
									("gray");
							topicInputs.attr("disabled", !this.checked);
						});
					});
</script>
<style type="text/css">
#contain table {
	width: 810px;
}

#contain th {
	padding-right: 5px;
	text-align: center;
}

#contain td {
	width: 50em;
}

#contain th#devide {
	text-align: left;
	padding-left: 27%;
}

#contain th.sub {
	text-align: right;
	padding-right: 1em;
	background-color: #F6F6F6;
}

input.long {
	width: 46em;
}

.width {
	display: inline-block;
	width: 5em;
	text-align: right
}
</style>

</head>

<body id="assistant">
<div id="content">
<div id="contain" class="clearfix">
<h4 id="pagetitle">湖南省电信有限公司娄底市分公司IDC业务受理单元</h4>
<font color="red">*</font>为必填项 <s:form name="businessForm" method="post"
	enctype="multipart/form-data">

	<table>
		<tr>
			<td>
			<table width="810px">
				<tr class="alt-color">
					<th>受理编号<font color="red">*</font></th>
					<td colspan="3"><span class="width">新用户</span> 
					<s:textfield name="businessNo"></s:textfield>
					 <span class="width">发票编号</span>
					 <s:textfield name="invoiceNo"></s:textfield>
					</td>
				</tr>
				<tr class="alt-color">
					<th>受理项目<font color="red">*</font></th>
					<td colspan="3"><input type="checkbox" name="projectName"
						value="F" /> F服务器租用 <input type="checkbox" name="projectName"
						value="Z" /> Z主机托管 <input type="checkbox" name="projectName"
						value="X" /> X虚拟主机 <input type="checkbox" name="projectName"
						value="Q" /> Q企业邮箱 <input type="checkbox" name="projectName"
						value="G" /> G固定IP租用 <input type="checkbox" name="projectName"
						value="Y" /> Y域名申请 <input type="checkbox" name="projectName"
						value="O" /> 其他</td>
				</tr>
				<tr>
					<th>用户名称</th>
					<td colspan="3"><span class="width"><font color="red">*</font>(中文)</span>
					<input type="text" name="chineseName"
						value="${idc.customer.chineseName }" /> <span class="width">(英文)</span>
					<input type="text" name="englishName"
						value="${idc.customer.englishName }" /></td>
				</tr>
				<tr class="alt-color">
					<th>客户地址</th>
					<td colspan="3"><span class="width"><font color="red">*</font>(中文)</span>
					<input type="text" name="chineseAddress"
						value="${idc.customer.chineseAddress }" /> <span class="width">(英文)</span>
					<input type="text" name="englishAddress"
						value="${idc.customer.englishAddress }" /> <span class="width"><font
						color="red">*</font>邮政编码</span> <input type="text" name="postCode"
						value="${idc.customer.postCode }" style="width: 80px;" /></td>
				</tr>
				<tr>
					<th rowspan="3">企业法人</th>
				</tr>
				<tr>
					<td colspan="3"><span class="width"><font color="red">*</font>姓名</span>
					<input type="text" name="enterpriseName"
						value="${idc.enterpriselegal.name }" /> <span class="width"><font
						color="red">*</font>电话</span> <input type="text" name="enterpriseTel"
						value="${idc.enterpriselegal.tel }" /></td>
				</tr>
				<tr class="alt-color">
					<td colspan="3"><span class="width">传真</span> <input
						type="text" name="enterpriseFacsimail"
						value="${idc.enterpriselegal.facsimail }" /> <span class="width">Email</span>
					<input type="text" name="enterpriseEmail"
						value="${idc.enterpriselegal.email }" /></td>
				</tr>
				<tr>
					<th rowspan="3">业务联系人</th>
				</tr>
				<tr>
					<td colspan="3"><span class="width"><font color="red">*</font>姓名</span>
					<input type="text" name="contactorName"
						value="${idc.businesscontactor.name }" /> <span class="width"><font
						color="red">*</font>电话</span> <input type="text" name="contactorTel"
						value="${idc.businesscontactor.tel }" /></td>
				</tr>
				<tr class="alt-color">
					<td colspan="3"><span class="width">传真</span> <input
						type="text" name="contactorFacsimail"
						value="${idc.businesscontactor.facsimail }" /> <span class="width">身份证</span>
					<input type="text" name="contactorID"
						value="${idc.businesscontactor.identification }" /></td>
				</tr>
				<tr>
					<th rowspan="3">技术联系人</th>
				</tr>
				<tr>
					<td colspan="3"><span class="width"><font color="red">*</font>姓名</span>
					<input type="text" name="techName"
						value="${idc.technologycontactor.name }" /> <span class="width"><font
						color="red">*</font>电话</span> <input type="text" name="techTel"
						value="${idc.technologycontactor.tel }" /></td>
				</tr>
				<tr class="alt-color">
					<td colspan="3"><span class="width"><font color="red">*</font>传真</span>
					<input type="text" name="techFacimail"
						value="${idc.technologycontactor.facsimail }" /> <span
						class="width"><font color="red">*</font>Email</span> <input
						type="text" name="techEmail"
						value="${idc.technologycontactor.email }" /></td>
				</tr>
				<tr>
					<th rowspan="4">费用交付</th>
				</tr>
				<tr>
					<th class="sub"><font color="red">*</font>金额</th>
					<td colspan="2"><span class="width">小写</span> <input
						type="text" id="feesLittle" maxlength="10" name="feesLittle"
						value="${idc.feespay.amountBit }" /> <span class="width">大写</span>
					<input type="text" id="feesBig" name="feesBig" size="30"
						disabled="disabled" value="${idc.feespay.amountBig }" /></td>
				</tr>
				<tr class="alt-color">
					<th class="sub"><font color="red">*</font>付费方式</th>
					<td colspan="2"><input type="checkbox" name="payWay"
						value="money" /> 现金 <input type="checkbox" name="payWay"
						value="ticket" /> 支票&nbsp;&nbsp; <input type="checkbox"
						name="payWay" value="bankConvert" /> 银行转账</td>
				</tr>
				<tr>
					<th class="sub"><font color="red">*</font>服务期限</th>
					<td colspan="2"><input type="text" name="start_time"
						value="${idc.feespay.startTime }" />&nbsp;~&nbsp;<input
						type="text" name="service_expire_time"
						value="${idc.feespay.expireTime }" />
				</tr>
				<tr>
					<th rowspan="10">服务内容</th>
				</tr>
				<tr class="alt-color">
					<th class="sub"><font color="red">*</font>客户域名</th>
					<td colspan="2"><span class="width">域名</span> <input
						type="text" name="domainName" value="${idc.domainname.name }" /> <span
						class="width">期限</span> <input type="text" name="expire_time"
						value="${idc.domainname.expireTime }" /></td>
				</tr>
				<tr>
					<th class="sub" rowspan="4">主页空间</th>
					<tr>
						<td colspan="2"><span class="width"><font color="red">*</font>大小(M)</span>
						<input type="text" name="homepageCapacity"
							value="${idc.homepageinfo.capacity }" /> <span class="width">IP地址</span>
						<input type="text" name="IPAddress"
							value="${idc.homepageinfo.ipaddress}" /></td>
					</tr>
					<tr class="alt-color">
						<td><span class="width">FTP用户名</span> <input type="text"
							name="FTPName" value="${idc.homepageinfo.ftpuserName }" /> <span
							class="width">FTP密码</span> <input type="password"
							name="FTPPassword" value="${idc.homepageinfo.ftppassword }" /></td>
					</tr>
					<tr>
						<td>应用支持选择&nbsp;&nbsp; <input type="checkbox" name="lauguage"
							value="ASP" /> ASP&nbsp;&nbsp; <input type="checkbox"
							name="lauguage" value="ASP.NET" /> ASP.NET&nbsp;&nbsp; <input
							type="checkbox" name="lauguage" value="JSP" /> JSP <input
							type="checkbox" name="lauguage" value="PHP" /> PHP&nbsp;&nbsp; <input
							type="checkbox" name="lauguage" value="PERL" /> PERL</td>
					</tr>
					<tr class="alt-color">
						<th class="sub">数据库空间</th>
						<td colspan="2"><span class="width">大小(M)</span><input
							type="text" name="databaseCapacity"
							value="${idc.databasecapacity.capacity }" /> <span class="width">类型</span><input
							type="text" name="kind" value="${idc.databasecapacity.type }" /></td>
					</tr>
					<tr>
						<th class="sub" rowspan="3">企业邮箱</th>
					</tr>
					<tr>
						<td><span class="width">共(M)</span><input type="text"
							name="emailCapacity" value="${idc.enterpriseemail.capacity }" />
						<span class="width">共(个)</span><input type="text"
							name="emailcount" value="${idc.enterpriseemail.count }" /></td>
					</tr>
					<tr class="alt-color">
						<td><span class="width">邮箱名</span><input type="text"
							name="emaimName" value="${idc.enterpriseemail.name }" /></td>
					</tr>
					<tr>
						<th>主机</th>
						<td colspan="2"><input type="radio" name="serviceKind"
							value="masterDeposit" /> 主机托管 <input type="radio"
							name="serviceKind" value="rent" /> 服务器租用</td>
					</tr>
					<tr class="alt-color">
						<th>服务器</th>
						<td colspan="2" class="sub">服务器配置 <input type="text"
							name="serversConfig" /> <span class="width"><font
							color="red">*</font>数量(台)</span> <input type="text" name="servercount"
							value="${idc.servicedetail.count }" /> <span class="width">网络设备</span>
						<input type="text" name="netFurnish" style="width: 80px;" /></td>
					</tr>
					<tr>
						<th><font color="red">*</font>带宽</th>
						<td colspan="2"><input type="radio" name="border" value="10"
							${idc.servicedetail.border eq 10?"checked='checked' ": ""}/>
						10M&nbsp;&nbsp; <input type="radio" name="border" value="100"
							${idc.servicedetail.border eq 100?"checked='checked' ": ""}/>
						100M&nbsp;&nbsp; <input type="radio" name="border" value="1000"
							${idc.servicedetail.border eq 1000?"checked='checked' ": ""}/>
						1000M&nbsp;&nbsp; <input type="radio" name="border" value="other"
							${idc.servicedetail.border eq 1000?"":idc.servicedetail.border
							eq 100?"":idc.servicedetail.border eq 10?"":"checked='checked' "}/>
						其它M<input type="test" name="otherBorder"
							value="${idc.servicedetail.border}" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="serverType" value="true"
							${idc.servicedetail.type?"checked='checked' ": ""} />
						共享&nbsp;&nbsp; <input type="radio" name="serverType" value="false"
							${idc.servicedetail.type?"": "checked='checked' "}/> 独享</td>
					</tr>
					<tr class="alt-color">
						<th>其 它 服 务 及 备 注</th>
						<td colspan="2"><input class="long" type="text" name="others"
							value="${idc.servicedetail.others }" /></td>
					</tr>
					<tr>
						<th>客户业务主要用途和信息内容</th>
						<td colspan="3"><input class="long" type="text"
							name="customerBusinessUserWayandInfoContent"
							value="${idc.customerBusinessUserWayandInfoContent }" /></td>
					</tr>
					<tr class="alt-color">
						<th>网站备案情况</th>
						<td colspan="3"><input class="long" type="text"
							name="beianCondition" value="${idc.beianCondition }" /></td>
					</tr>
					<tr>
						<th rowspan="3">意见</th>
					</tr>
					<tr class="alt-color">
						<td colspan="3">业务主管部门:<br />
						<textarea name="businessAdminSuggestion" cols="80" rows="8">${idc.businessAdminSuggestion }</textarea></td>
					</tr>
					<tr class="alt-color">
						<td colspan="3">网络保障部门:<br />
						<textarea name="netBaoZHangSuggestion" cols="80" rows="8">${idc.netBaoZhangSuggestion }</textarea></td>
					</tr>
					<tr class="alt-color">
						<th>受理项目</th>
						<td colspan="3"><input type="file" name="myFile" value="" />
						</td>
					</tr>
					<tr class="alt-color">
						<th>对该项业务建议</th>
						<td colspan="3"><textarea name="suggestion" cols="80"
							rows="8"></textarea></td>
					</tr>
			</table>
			</td>
			<td valign="top">
			<table width="320px">
				<tr>
					<th>修改名称</th>
					<th>修改前的值</th>
					<th>修改人账号</th>
					<th>修改时间</th>
				</tr>
				<c:forEach items="${updateList}" var="u">
					<c:choose>
						<c:when test="${u.updateName eq '受理项目别名'}">
							<c:remove var="u" />
						</c:when>
						<c:otherwise>
							<tr>
								<th>${u.updateName }</th>
								<th>${u.updateValue }</th>
								<th>${u.user.username }</th>
								<th>${u.time }</th>
							</tr>
						</c:otherwise>
					</c:choose>

				</c:forEach>
			</table>
			</td>
		</tr>
	</table>
	<input type="submit" value="保存" />
</s:form></div>
</div>
<div id="footer">
<p id="copyright"><span id="logo"></span><span id="cy-info">湖南电信股份有限公司娄底分公司&nbsp;&nbsp;版权所有&copy;</span></p>
</div>
</body>
</html>